{% extends "blog/base.html" %}

<!-- 加载自定义标签 -->
{% load blog_tags %}

{% block title %} My Blog {% endblock %}

{% block content %}
    <h1>My Blog</h1>
    <!-- 如果要根据标签过滤显示文章，则显示此信息 -->
    {% if tag %}
        <h2>拥有标签 "{{ tag.name }}" 的文章</h2>
    {% endif %}

    {% for post in posts %}
        <h2>
            <a href="{{ post.get_absolute_url }}">{{ post.title }}</a>
        </h2>
        <!-- 显示此文章所有标签 -->
        <p class="tags">
            标签:
            {% for tag in post.tags.all %}
                <!-- 每个标签都是一个链接，点击即可过滤含有此标签的文章进行显示 -->
                <a href="{% url "blog:post_list_by_tag" tag.slug %}">
                    {{ tag.name }}
                </a>
                <!-- 若不是最后一个标签，显示逗号 -->
                {% if not forloop.last %}, {% endif %}
            {% endfor %}
        </p>
        <p class="date">作者：{{ post.author }} 发布日期： {{ post.publish }}</p>
        <!-- 显示文章内容，使用markdown过滤器将内容转换为HTML格式，并使用truncatechars_html过滤器截取前60个字符 -->
        <p>{{ post.body|markdown|truncatechars_html:60 }}</p>
    {% endfor %}

    <!-- 引入分页模板 -->
    {% include "pagination.html" with page=posts %}
{% endblock %}
